<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接练习</title>
    <style>
        img{
            width: 235px;
            height: 300px;
        }
        .foot{
            display: flex;
        }
        .yw>img:hover{
            width:55px;
            height: 75px;
        }
        header h3{
            background-color: rgba(184,113,102,0.5);
        }
        footer{
            width: 300px;
            height: 300px;
            background-color: #b3d4fc;
            background-image: url("../../image/myself/rainbow.JPG");
            background-repeat: no-repeat;
            background-size: 200px 200px;
            background-position: 20px 50px;
        }
        section{
            width: 300px;height: 250px;
            border: 1px solid black;
            background-image: url("../../image/ms.jpg");
            background-repeat: no-repeat;
        }
        section:hover{
            background-position: 0px  -250px;
        }
    </style>
</head>
<body>
    <header>
        <h3>文林挥的网页天地</h3>
    </header>
    <div>
    <nav>
        <a class="yw" href="https:www.baidu.com" ><img src="../../image/girl/yuwen1.JPG" alt=""></a>
        <a href="" target="_blank">百度一下</a>
    </nav>

    </div>
    <div class="foot">
        <footer>

        </footer>
    <section>

    </section>
    <aside>

    </aside>
    </div>
</body>
</html>